#ad {
	display: flex;
	flex-direction: column;
	#ad-title {
		width: 100%;
		height: 44px;
		line-height: 44px;
		text-align: center;
		font-family: Microsoft Yahei;
		font-weight: normal;
	}
	#ad-main {
		width: 100%;
		height: 2px;
		background: url(../../assets/images/advertisement-bg.jpg) no-repeat center
			top;
		background-size: cover;
		flex-grow: 1;
		#time {
			position: absolute;
			right: 20px;
			top: 64px;
			color: #000;
			width: 105px;
			height: 40px;
			border-radius: 20px;
			background-color: #fff;
			text-align: center;
			line-height: 40px;
		}
		h1 {
			position: absolute;
			bottom: 80px;
			left: 0;
			width: 100%;
			text-align: center;
			color: #fff;
			animation: run 2s forwards;
		}
	}
}

@keyframes run {
	0% {
		bottom: 0;
		font-size: 12px;
	}
	50% {
		bottom: 200px;
		font-size: 44px;
	}
	100% {
		bottom: 80px;
		font-size: 30px;
	}
}
